Google CSE (viết tắt của Custom Search Engine có nghĩa là công cụ tìm kiếm tùy chỉnh) là một công cụ giúp bạn tùy biến Google chỉ tìm kiếm trên một hoặc một số trang web nhất định. Bạn có thể thêm Google CSE vào website của mình như một lựa chọn bổ sung, nhưng trong bài viết này Tuicode sẽ hướng dẫn bạn cách thay thế công cụ tìm kiếm mặc định trên WordPress bằng Google CSE.
Trước tiên, bạn cần tạo cho mình một Google CSE. Bạn có thể xem hướng dẫn tại đây: Cách tạo công cụ tìm kiếm tùy chỉnh Google CSE.
Cách dùng Google CSE thay cho tìm kiếm mặc định trên WordPress
Bước 1: Lấy đoạn mã mà Google CSE cung cấp cho bạn
Bạn vào đây, sau đó chọn công cụ tìm kiếm cần lấy mã, chọn Thiết lập > Nhận mã.
Đoạn mã này có 2 phần, bạn chỉ lấy phần script thôi nhé. Script có dạng:
<script>
(function() {
var cx = 'YOUR_ENGINE_ID';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//www.google.com/cse/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
Bước 2: Thay đổi code trong file search.php
Thường mỗi giao diện WordPress đều có một file search.php. Bạn hãy vào Appearance > Editor > Search Results (search.php).
Bạn hãy thay thế đoạn code nằm giữa hai phần <?php get_header(); ?> và <?php get_sidebar(); ?> bằng đoạn mã script bạn lấy phía trên.
Bước 3: Thêm đoạn mã hiển thị kết quả tìm kiếm
Bạn chỉ cần thêm đoạn code này ngay bên dưới đoạn script bạn vừa thêm ở bước 2:
<gcse:searchresults-only linktarget="_blank" queryParameterName="s"></gcse:searchresults-only>
Sau đó lưu lại. Vậy là xong. Bạn hãy thử tìm kiếm nhé.
Hãy để lại bình luận bên dưới nếu bạn vẫn chưa làm được, Tuicode sẽ hỗ trợ bạn.
Hosting tốt nhất cho WordPress